今回は、CSSを使って背景に画像を指定する方法を解説します。CSSでは、background-imageプロパティを使ってホームページの背景画像を指定します。そのほか、背景色を指定する場合と同様に、段落や表組みの背景画像をbackground-imageプロパティで指定することも可能です。
CSSで背景画像を指定する場合は、background-imageプロパティを利用します。その値には画像のファイル名を記述しますが、このとき先頭に「URL」を付け、カッコ内に画像ファイル名を記述するのを忘れないでください。ホームページ全体の背景画像を指定する場合は、BODYタグにbackground-imageプロパティのCSSを指定します。
<BODY style="background-image:url(back.jpg)">
background-imageプロパティは、DIVタグやPタグ、H1タグ、TABLEタグなど、ホームページを構成するブロック要素に対して指定することも可能です。たとえば、以下のようにTABLEタグにbackground-imageプロパティを指定すると、表組みの背景を画像にすることができます。
<TABLE border="1" style="background-image:url(back2.jpg)">
：
：
</TABLE>
